<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="layouts/layout" th:with="header='库龄报表', subtext='查看系统中库存的库龄报表数据'"  style="overflow: hidden;">

<head>
<title>库龄报表</title>
    <style  type="text/css">
        .label-width-1{
            width: 60px;
        }
    </style>
</head>
<body style="overflow: hidden;">

	<th:block layout:fragment="pageheader">
	</th:block>
	<th:block layout:fragment="content">
		<div id="query-area" class="box-body m-b-sm border-bottom">
			<form class="form-horizontal search-form" role="form" novalidate="novalidate">

				<div class="row">
					<div class="text-left">
						<div class="col-sm-3">
							<div class="form-group">
								<label class="control-label col-lg-4 label-width-1">物料</label>
								<div class="col-lg-8">
									<input id="material" class="form-control" />
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="row m-t">
					<div class="col-lg-12 seach-button">
						<div class="pull-right">
							<button type="submit" id="search" class="btn btn-primary">
								<i class="fa fa-search"></i> 搜索
							</button>
							<button type="reset" id="clear" class="btn btn-danger">
								<i class="fa fa-remove"></i> 清除
							</button>
						</div>
					</div>
				</div>


			</form>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<div class="box">
					<div class="box-body">
						<h2>
				                <a class="btn btn-info export" th:title="导出数据" target="_blank">
				                  <i class="fa fa-fw fa-cloud-download"></i> 导出
				                </a>
						</h2>
                        <div id="tableWrapper">
                            <table id="storageageReportTable" class="table table-striped table-hover table-bordered table-fixed">
                                <thead style="position:sticky;top:0;z-index:10;">

			                  <tr>
								  <th style="width:80px;">物料编号</th>
								  <th style="width:160px;">物料名称</th>
								  <th style="width:80px;">供应商</th>
								  <th style="width:100px;">WBS</th>
								  <th style="width:60px;">数量</th>
								  <th style="width:50px;">容器编码</th>
								  <th style="width:60px;">库位</th>
								  <th style="width:50px;">货权</th>
								  <th style="width:130px;">收货时间</th>
								  <th style="width:50px;">库龄</th>
								  <th style="width:40px;">状态</th>

							  </tr>
			                </thead>
			                <tbody>
			                </tbody>
			              </table>
			            </div>
					</div>
				</div>
			</div>
		</div>

		<form id="exportForm" method="post" style="display: none" th:action="@{|${baseUrl}/export|}">
		</form>

	</th:block>
	<th:block layout:fragment="scripts">
		<script th:inline="javascript"></script>
     	<script th:src="@{|${theme}/js/app/report/storageage_report.js?v=${applicationVersion}|}" th:inline="javascript"></script>
	</th:block>
</body>

</html>
